.opacity {
  opacity: 0;
  transition: 1s;
}

.top25 {
  transform: translate3d(0, -25%, 0);
}

.top50 {
  transform: translate3d(0, -50%, 0);
}

.top100 {
  transform: translate3d(0, -100%, 0);
}

.right25 {
  transform: translate3d(25%, 0, 0);
}

.right50 {
  transform: translate3d(50%, 0, 0);
}

.right100 {
  transform: translate3d(100%, 0, 0);
}

.bottom25 {
  transform: translate3d(0, 25%, 0);
}

.bottom50 {
  transform: translate3d(0, 50%, 0);
}

.bottom100 {
  transform: translate3d(0, 100%, 0);
}

.left25 {
  transform: translate3d(-25%, 0, 0);
}

.left50 {
  transform: translate3d(-50%, 0, 0);
}

.left100 {
  transform: translate3d(-100%, 0, 0);
}

.rotateX60 {
  transform: rotateX(60deg);
}

.rotateX120 {
  transform: rotateY(120deg);
}

.rotateY60 {
  transform: rotateY(60deg);
}

.rotateY120 {
  transform: rotateX(120deg);
}

/* 动画 */

.animate {
  transition: 1s;
}

.swiper-slide-active .opacity {
  opacity: 1;
}

.swiper-slide-active .top25,
.swiper-slide-active .top50,
.swiper-slide-active .top100,
.swiper-slide-active .right25,
.swiper-slide-active .right50,
.swiper-slide-active .right100,
.swiper-slide-active .bottom25,
.swiper-slide-active .bottom50,
.swiper-slide-active .bottom100,
.swiper-slide-active .left25,
.swiper-slide-active .left50,
.swiper-slide-active .left100 {
  transform: translate3d(0, 0, 0);
}

.swiper-slide-active .rotateX60,
.swiper-slide-active .rotateX120 {
  transform: rotateX(0);
}

.swiper-slide-active .rotateY60,
.swiper-slide-active .rotateY120 {
  transform: rotateY(0);
}

/* 时间 */

.swiper-slide-active .delay12 {
  transition-delay: 1.2s;
}

.swiper-slide-active .delay13 {
  transition-delay: 1.3s;
}

.swiper-slide-active .delay14 {
  transition-delay: 1.4s;
}

.swiper-slide-active .delay15 {
  transition-delay: 1.5s;
}

.swiper-slide-active .delay16 {
  transition-delay: 1.6s;
}

.swiper-slide-active .delay17 {
  transition-delay: 1.7s;
}

.swiper-slide-active .delay18 {
  transition-delay: 1.8s;
}

.swiper-slide-active .delay19 {
  transition-delay: 1.9s;
}

.swiper-slide-active .delay20 {
  transition-delay: 2s;
}

.swiper-slide-active .delay21 {
  transition-delay: 2.1s;
}

.swiper-slide-active .delay22 {
  transition-delay: 2.2s;
}

.swiper-slide-active .delay23 {
  transition-delay: 2.3s;
}

.swiper-slide-active .delay24 {
  transition-delay: 2.4s;
}

.swiper-slide-active .delay25 {
  transition-delay: 2.5s;
}

.swiper-slide-active .delay26 {
  transition-delay: 2.6s;
}

.swiper-slide-active .delay27 {
  transition-delay: 2.7s;
}

.swiper-slide-active .delay28 {
  transition-delay: 2.8s;
}

.swiper-slide-active .delay29 {
  transition-delay: 2.9s;
}

.swiper-slide-active .delay30 {
  transition-delay: 3s;
}

.swiper-slide-active .delay31 {
  transition-delay: 3.1s;
}

.swiper-slide-active .delay32 {
  transition-delay: 3.2s;
}

.swiper-slide-active .delay33 {
  transition-delay: 3.3s;
}

.swiper-slide-active .delay34 {
  transition-delay: 3.4s;
}

.swiper-slide-active .delay35 {
  transition-delay: 3.5s;
}

.swiper-slide-active .delay36 {
  transition-delay: 3.6s;
}

.swiper-slide-active .delay37 {
  transition-delay: 3.7s;
}

.swiper-slide-active .delay38 {
  transition-delay: 3.8s;
}

.swiper-slide-active .delay39 {
  transition-delay: 3.9s;
}

.swiper-slide-active .delay40 {
  transition-delay: 4s;
}

.swiper-slide-active .delay41 {
  transition-delay: 4.1s;
}

.swiper-slide-active .delay42 {
  transition-delay: 4.2s;
}

.swiper-slide-active .delay43 {
  transition-delay: 4.3s;
}

.swiper-slide-active .delay44 {
  transition-delay: 4.4s;
}

.swiper-slide-active .delay45 {
  transition-delay: 4.5s;
}

.swiper-slide-active .delay46 {
  transition-delay: 4.6s;
}

.swiper-slide-active .delay47 {
  transition-delay: 4.7s;
}

.swiper-slide-active .delay48 {
  transition-delay: 4.8s;
}

.swiper-slide-active .delay49 {
  transition-delay: 4.9s;
}

.swiper-slide-active .delay50 {
  transition-delay: 5s;
}